---
image: /generated/articles-docs-studio-play.png
title: play()
crumb: '@remotion/studio'
---

# play()<AvailableFrom v="4.0.287"/>

Starts playback in the Remotion Studio.

The function accepts an optional event parameter which can be a `React.SyntheticEvent` or a [`PointerEvent`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent). This allows the function to be used directly as an event handler.

## Examples

```tsx twoslash title="Start playing on button click"
import {play} from '@remotion/studio';

const PlayButton = () => {
  // Call with the event parameter for better browser audio autoplay
  return <button onClick={(e) => play(e)}>Play</button>;
};
```

```tsx twoslash title="Start playing programmatically"
import {play} from '@remotion/studio';

// Call without event parameter
play();
```

## See also

- [pause()](/docs/studio/pause)
- [toggle()](/docs/studio/toggle)
- [seek()](/docs/studio/seek)
- [Source code for this function](https://github.com/remotion-dev/remotion/blob/main/packages/studio/src/api/play.ts)
